<template>
  <div >
    

        <router-view/>


         <van-tabbar v-model="active">
            <van-tabbar-item icon="home-o" to='/HomePage'>首页</van-tabbar-item>
            <van-tabbar-item icon="search" to='/ClassPage'>分类</van-tabbar-item>
            <van-tabbar-item icon="friends-o" to='/ShopPage'>购物</van-tabbar-item>
            <van-tabbar-item icon="setting-o" to='/MyPage'>我的</van-tabbar-item>
         </van-tabbar>
  
    
  </div>
</template>

<script>

import Vue from 'vue';
import { Tabbar, TabbarItem } from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);

export default {

     data() {
       return {
         active: 0,
       };
     },

}
</script>

<style>

</style>